<div id="wrapper" class="wrapper1">
  <!-- <a href="" id="menu-back" class="menu-back">back
    <span class="nav-icon"></span>
  </a> -->
  <a href="" id="menu-burger" class="menu-burger">Menu
    <span class="nav-icon"></span>

    <!-- <svg x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40">
      <circle fill="transparent" stroke="#000000" stroke-width="1" cx="27" cy="27" r="25" stroke-dasharray="157 157" stroke-dashoffset="157"></circle>
    </svg> -->
  </a>

  <div id="navbar" class="navbar">
    <div class="navigation-wrapper">
      <div class="half-block">
        <!-- <h2>Navigation</h2> -->

        <nav>
          <ul class="primary-nav">
            <li><a href="{{ '/' | prepend: site.baseurl }}">ᠨᠢᠭᠤᠷ</a></li>
            <li><a href="{{ '/about' | prepend: site.baseurl }}">ᠲᠠᠨᠢᠯᠴᠠᠭᠤᠯᠭ᠎ᠠ</a></li>
            <li><a href="{{ site.author.github }}" target="_blank"><i class="icon icon-github"></i> Github</a></li>
            <li><a href="{{ site.author.twitter }}" target="_blank"><i class="icon icon-twitter"></i> Twitter</a></li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</div>
